<html xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="utf-8">
    <title>米塔企业微云</title>
    <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../plugins/bootstrapValidator/bootstrapValidator.min.css" rel="stylesheet">
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/content.css" rel="stylesheet">
    <style>
        html {
            overflow: hidden;
        }

        .message-type {
            width: 64px;
            height: 16px;
        }

        .modal-backdrop {
            z-index: -1 !important;
        }

        .modal-open > .scroll-body {
            overflow-y: hidden;
        }

        .modal {
            background-color: rgba(0, 0, 0, .7);
        }
    </style>
</head>
<body>
<div class="scroll-body">
    <div class="main mx-auto">
        <div class="top-nav d-flex">
            <div class="top-nav-left d-flex align-items-center">
                <div class="company-info d-flex align-items-center">
                    <div class="company-logo">
                        <img id="logo_img" class="logo" src="" alt="">
                    </div>
                    <div>
                        <a id="company_name" class="text-blue font-p18 text-company  text-truncate" href="##"
                           onclick="showEnterpriseData()" style="width: 17em"></a>
                        <div class="font-p14 text-powerOff  text-truncate" style="width: 22em"><i class="iconfont icon-dizhibiaoqian
                    text-powerOn font-p16"></i> <span id="address_id"></span></div>
                    </div>
                </div>
                <div class="nav-menu d-flex justify-content-between">
                    <a class="active" href="javascript:;" onclick="toSubPage('index.html')">首页</a>
                    <a href="javascript:;" onclick="toSubPage('deviceList.html')">设备列表</a>
                    <a href="javascript:;" onclick="toSubPage('alarmDay.html')">告警管理</a>
                    <a href="javascript:;" onclick="toSubPage('reports.html')">报告管理</a>
                    <a href="javascript:;" onclick="toSubPage('prdEquMaintenance.html')">维保管理</a>
                    <a href="javascript:;" onclick="toManagement()">后台管理</a>
                </div>
            </div>
            <div class="top-nav-right d-flex align-items-center">
                <div class="font-p40 text-bolder" id="time_time">10:49:22</div>
                <div class="text-month font-p12 mx-3">
                    <div id="time_week">星期二</div>
                    <div id="time_date">2019-09-28</div>
                </div>
                <div class="font-p16 text-powerOn text-truncate" style="width: 9.5rem;">
                    <a class="green-a" id="userInfo" href="##" onclick="toSubPage('userInfo.html')">欢迎您，</a>
                </div>
                <div class="font-p24 d-flex click-icon">
                    <a class="position-relative" href="##" onclick="showMessageModal()"><i
                            class="iconfont icon-xiaoxitishiicon"></i>
                        <span class="" id="remind_id"></span>
                    </a>
                    <a class="mx-3" href="##" title="全屏" onclick="handleFullScreen(this)"><i
                            class="iconfont icon-fangdaicon1"></i></a>
                    <a href="##" onclick="logout()"><i class="iconfont icon-tuichuicon"></i></a>
                </div>
            </div>
        </div>
        <iframe id="main_iframe" src="index.html" frameborder="0" onload="changeIframeH()"></iframe>
    </div>

    <div class="modal fade" id="CompanyInfoModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="section-title">企业信息
                        <span class="title-icon"></span>
                    </div>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="d-flex">
                        <div style="width: 268px;">
                            <img id="photo_img" src="" style="width: 100%; height: 152px" alt="企业照片">
                            <div id="c_name" class="mt-3 mb-1 text-blue font-p18 text-company"></div>
                            <div class="font-p14 text-powerOff"><i class="iconfont icon-dizhibiaoqian
                            text-powerOn font-p16"></i> <span id="c_address"></span></div>
                        </div>
                        <div class="flex-1 ml-3" id="mapContainer"></div>
                    </div>
                    <div class="bg-paragragh py-2 px-3 mx-n3 my-3 section-title">企业文化
                        <span class="title-icon"></span></div>
                    <div class="font-p16 text-powerOff" id="culture">
                        <!--                    企业文化建设一定要以人文本。文化建设传播都应该以人为载体，人是文化生成和传承的第一要素。企业文化建设要强调关心人、尊重人、理解人、信任人。企业的竞争归根究底是人才的竞争，人才是企业的希望，是企业健康成长的重要保证。-->
                    </div>
                    <div class="bg-paragragh py-2 px-3 mx-n3 my-3 section-title">企业介绍
                        <span class="title-icon"></span></div>
                    <div class="font-p16 text-powerOff mb-4" id="introduction">
                        <!--                    企业文化建设一定要以人文本。文化建设传播都应该以人为载体，人是文化生成和传承的第一要素。企业文化建设要强调关心人、尊重人、理解人、信任人。企业的竞争归根究底是人才的竞争，人才是企业的希望，是企业健康成长的重要保证。-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="MessageModal" tabindex="-1">
        <div class="modal-dialog" style="width: 560px; max-width: 560px; margin-right: 20px">
            <div class="modal-content">
                <div class="modal-header">
                    <ul class="nav nav-underlines position-relative flex-1">
                        <li class="nav-item"><a href="##" class="nav-link active"
                                                onclick="switchMessageSec(this, 0)">近期通知</a></li>
                        <li class="nav-item"><a href="##" class="nav-link" onclick="switchMessageSec(this, 1)">5日未解决</a>
                        </li>
                        <div class="position-absolute" style="bottom: 10px; right: 56px;">
                            <select class="form-control form-control-sm"
                                    style="border: none; height: 28px; color: #83D0EF"
                                    id="alarm_type" onchange="recentNotice()">
                                <option value="0">全部</option>
                                <option value="1">告警通知</option>
                                <option value="2">维保通知</option>
                            </select>
                        </div>
                        <div class="position-absolute" style="top: -5px; right: 0;">
                            <button type="button" class="close" data-dismiss="modal">
                                <span>×</span>
                            </button>
                        </div>
                    </ul>
                </div>
                <input type="hidden" id="method_type" value="0">
                <div class="modal-body pt-0">
                    <div id="recentNotice_div">
                        <!--  <div class="bg-paragragh py-1 px-3 mb-2">
                              <div class="font-p14 mb-1">XXX设备因XXXXXXXX原因发生了XX等级告警，请及时关注！</div>
                              <div class="d-flex justify-content-between align-items-center">
                                  <svg class="message-type"><use xlink:href='#icon-gaojingtongzhi'></use></svg>
                                  <div class="font-p12 text-blue-a">2020-09-27 11:25:02</div>
                              </div>
                          </div>
                          <div class="bg-paragragh py-1 px-3 mb-2">
                              <div class="font-p14 mb-1">XXX设备维保期限将至，请及时关注！</div>
                              <div class="d-flex justify-content-between align-items-center">
                                  <svg class="message-type"><use xlink:href='#icon-weibaotongzhi'></use></svg>
                                  <div class="font-p12 text-blue-a">2020-09-27 11:25:02</div>
                              </div>
                          </div>-->
                    </div>
                    <div class="page_div page-simple mt-3" id="message_page"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../plugins/jquery-3.4.1.min.js"></script>
<script src="../plugins/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../plugins/alert.js"></script>
<script>
    var result = decodeURI(window.location.search).match(new RegExp("[\?\&]token=([^\&]+)", "i"));
    if (result === '' || result === null || result === undefined) {
        myAlert("提示", "请登录后访问", function () {
            top.location.href = host + '/index.html';
        })
    }
    var getToken = result[1];
    if (!(getToken === '' || getToken === null || getToken === undefined)) {
        sessionStorage.setItem("token", getToken);
        sessionStorage.setItem("isLogin", "true");
    }
    var isLogin = sessionStorage.getItem("isLogin");
    if (isLogin === '' || isLogin === null || isLogin === undefined) {
        myAlert("提示", "请登录后访问", function () {
            top.location.href = host + '/index.html';
        })
    }
</script>
<script src="../plugins/jquery.cookie.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=78000b0da3a03e0c15a1e4fd78077bcc"></script>
<script src="../customize/js/iconfont.js"></script>
<script src="../plugins/paging_simple.js"></script>
<script src="../customize/js/CommonUtils.js"></script>
<script src="../customize/js/common.js"></script>
<script src="../customize/js/customModalV2.js"></script>
<script src="../customize/js/home.js"></script>

<script th:inline="javascript">
    var enterprise = '[[${session.enterprise}]]';
</script>
</body>
</html>
